;(function($){
	//首页大轮播 淡入淡出
    var t = null;
    $('#banner ul li:first').css('display','block').addClass('show');

    $('#banner ul li').each(function(index){
        $li = index == 0?'<li class="active"></li>':'<li></li>';
        $('#banner #dot').append($li);
    })
    var count = 0;
    $('#banner .slide-right').on('click',a = function(){
        clearTimeout(t);
        var _this = this;
        $(this).off('click');
        count++;
        if(count>4){
            count = 0;
        }
        $('#banner #dot li').removeClass('active').eq(count).addClass('active');
        $('#banner ul li').hide().filter('.show').show().removeClass('show').end().eq(count).addClass('show').fadeIn(function(){
            $(_this).on('click',a);
            t = setTimeout(function(){
                $(_this).click();
            },3000)
        })
    })
    $('#banner .slide-left').on('click',b = function(){
        clearTimeout(t);
        var _this = this;
        $(this).off('click');
        count--;
        if(count<0){
            count = 4;
        }
        $('#banner #dot li').removeClass('active').eq(count).addClass('active');
		$('#banner ul li').hide().filter('.show').show().removeClass('show').end().eq(count).addClass('show').fadeIn(function(){
			$(_this).on('click',b);
			t = setTimeout(function(){
				$('#banner .slide-right').click();
			},3000)
		})
	})
	$("#banner #dot li").on('click',function(){
		clearTimeout(t);
		var index = $(this).index();
		count = index;
		$('#banner #dot li').removeClass('active').eq(count).addClass('active');
		$('#banner ul li').hide().filter('.show').show().removeClass('show').end().eq(count).addClass('show').fadeIn(function(){
			t = setTimeout(function(){
				$('#banner .slide-right').click();
			},3000)
		})
	})
	t = setTimeout(function(){
		$('#banner .slide-right').click();
    },3000)
    $('#banner').on('mouseenter',function(){
        clearTimeout(t);
    })
    $('#banner').on('mouseleave',function(){
        t = setTimeout(function(){
		    $('#banner .slide-right').click();
        },3000)
	}) 
	//首页小商品轮播 100% 0 -100% 定位left
	var t1 = null;
	$('#like ul li').css('left','100%');
    $('#like ul li:first').css('left','0');

    $('#like ul li').each(function(index){
        $li1 = index == 0?'<li class="active"></li>':'<li></li>';
        $('#like #dots').append($li1);
    })
    var count1 = 0;
    $('#like .slide-right').on('click',c = function(){
        clearTimeout(t1);
        var _this = this;
		$(this).off('click');
		$('#like ul li').eq(count1).animate({
			left:'-100%'
		},500)
		count1++;
		if(count1>4){
			count1 = 0;
		}
		$('#like #dots li').removeClass('active').eq(count1).addClass('active');
		$('#like ul li').css('left','100%').eq(count1).animate({
			left:"0"
		},500)
		$(_this).on('click',c);
		t1 = setTimeout(function(){
			$(_this).click();
		},3000)
	})
	$('#like .slide-left').on('click',d = function(){
        clearTimeout(t1);
        var _this = this;
		$(this).off('click');
		$('#like ul li').eq(count1).animate({
			left:'100%'
		},500)
		count1--;
		if(count1 < 0){
			count1 = 4;
		}
		$('#like #dots li').removeClass('active').eq(count1).addClass('active');
		$('#like ul li').eq(count1).css('left','-100%').animate({
			left:"0"
		},500)
		$(_this).on('click',d);
		t1 = setTimeout(function(){
			$('#like .slide-right').click();
		},3000)
	})
	$("#like #dots li").on('click',function(){
		clearTimeout(t1);
		var index = $(this).index();
		if(index > count1){
			$('#like ul li').eq(count1).animate({
				left:'-100%'
			},500)
			$('#like ul li').css('left','100%').eq(index).animate({
				left:"0"
			},500)
		}else if(index < count1){
			$('#like ul li').eq(count1).animate({
				left:'100%'
			},500)
			$('#like ul li').css('left','-100%').eq(index).animate({
				left:"0"
			},500)
		}
		$('#like #dots li').removeClass('active').eq(index).addClass('active');
		count1 = index;
		t1 = setTimeout(function(){
			$('#like .slide-right').click();
		},3000)
	})
	t1 = setTimeout(function(){
		$('#like .slide-right').click();
    },3000)
    $('#like').on('mouseenter',function(){
        clearTimeout(t1);
    })
    $('#like').on('mouseleave',function(){
        t1 = setTimeout(function(){
		    $('#like .slide-right').click();
        },3000)
	})
	//鼠标移入透明度的变化
	$('#like img').on('mouseenter',function(){
		var _this = this;
		$(this).animate({
			opacity: .8
		},500,function(){
			$(_this).animate({
				opacity: 1
			},500)	
		})
	}) 

    
}(jQuery))